<template>
	<view>
		<view class="head">
			<view class="">将张三的欠款从155.78元调整为：</view>
			<view class="money">
				<text>¥</text>
				<input type="text" value=""  placeholder="0.00" v-model="money"/>
			</view>
			<view class="bei">
				<view class="">
					备注:
				</view>
				<input type="text" value="" placeholder="抹零" />
			</view>
			<button type="primary" @click="ShowTisk">确认调整</button>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			money:'',
		};
	},
	methods: {
		ShowTisk(){
			uni.showModal({
			    title:`将欠款调整为¥${this.money}元`,
			    content: '',
			    success: function (res) {
			        if (res.confirm) {
			            console.log('用户点击确定');
			        } else if (res.cancel) {
			           
			        }
			    }
			});
		}
	}
};
</script>

<style lang="scss">
page {
	background-color: #f7f4f8;
}
.head {
	margin-top: 30rpx;
	height: 296rpx;
	background-color: #ffffff;
	padding: 40rpx 30rpx;
	box-sizing: border-box;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(51, 51, 51, 1);
	.money {
		margin-top: 40rpx;
		display: flex;
		border-bottom: 2rpx solid #eeeeee;
			
		text{
			font-size: 48rpx;
		}
		input{
			height: 100%;
			font-size: 48rpx;
			margin-left: 20rpx;
			margin-bottom: 20rpx;
		}
	
	}
	.bei{
		display: flex;
		font-size:30rpx;
		font-family:PingFang SC;
		font-weight:500;
		line-height: 46rpx;
		padding-top: 20rpx;
		input{
			margin-left: 20rpx;
		}
	}
}
button{
	width:calc(100%-60rpx) ;

	margin: 156rpx 30rpx;
}
</style>
